<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<html lang="en" class="app">

	<head>
		<meta charset="utf-8" />
		<title>开通城市</title>
		<meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		<jsp:include page="../lbi/common.jsp"></jsp:include>
		
	</head>

	<body class="" style="position: relative;">
		<!--新增代码-->
		<div class="sgtk2" style="display: none;">
			<div class="jineng" style="width:650px;">
				<form class="cmxform" id="commentForm" method="post" action="<c:url value="/web/toSaveOpen.do"/>">
					<h5>新增</h5>
					<p>
					<span>城市:</span>
					 <span data-toggle="distpicker">
		                  	<select title="请选择" name="province" required></select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		                  	<select title="请选择" name="city" required></select>
	                 </span>
	                </p>
					<p><button class="btn01" type="submit">保存</button><button class="btn02">取消</button></p>
				</form>
			</div>
		</div>
		<!--结束新增-->
		<section class="vbox" style="position: absolute;">
			<jsp:include page="../lbi/head.jsp" ></jsp:include>
			<section>
				<section class="hbox stretch">
					<!-- .aside -->
					<jsp:include page="../lbi/left.jsp" ></jsp:include>
					<!-- /.aside -->
					<section id="content">
						<section class="hbox stretch">
							<section id="content">
								<section class="hbox stretch">
									<!--从这里开始复制粘贴-->
									<section class="vbox">
										<header class="header bg-white b-b clearfix">
											<div class="row m-t-sm">
												<div class="col-sm-8 m-b-xs">
													<a href="javascript:void(0);" class="city"><button type="button" class="but"><i class="fa fa-plus"></i>&nbsp;添加城市</button></a>

												</div>
												<div class="col-sm-3 m-b-xs">
													<div class="input-group">

													</div>
												</div>
												<div class="col-sm-1 m-b-xs">
													<!--<button type="button" class="but2">下载列表</button>-->
												</div>
											</div>
										</header>
										<section class="scrollable wrapper w-f">
											<section class="panel panel-default">
												<div class="table-responsive">
													<table class="table table-striped m-b-none">
														<thead>
															<tr>
																<th>已开通城市</th>
																<th>操作</th>
															</tr>
														</thead>
														<tbody id="open_id">

														</tbody>
													</table>
												</div>
											</section>
										</section>
										<footer class="footer bg-white b-t">
							                <div class="row text-center-xs">
							                    <div class="col-md-6 hidden-sm">
							                    </div>
							                    <div class="col-md-6 col-sm-12 text-right text-center-xs">
							                        <ul class="pagination pagination-sm m-t-sm m-b-none" id="page_user">
							                        </ul>
							                    </div>
							                </div>
							            </footer>
									</section>
									<!--以上为内容-->
									<a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen" data-target="#nav"></a>
								</section>
							</section>

						</section>
					</section>
				</section>
			</section>
		</section>
		
		<script src="<c:url value="/js/web_js/verify/open_city.js"/>"></script>
		<script>
		 $("#city").addClass("active");
		 
			$('.city').click(function() {
				$(".sgtk2").show();
			});
			$('.btn2').click(function() {
				$('.sgtk2').hide();
			})
			
		</script>
	</body>

</html>